/*******************************************************************************
 *   Generales
 ******************************************************************************/

html{
    height: 100%;
}

body {
    padding: 0px;
    margin: 0px;
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
    font-size: 80%;
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
}

.panel-lateral-izq{
    float: left;
    width: 20%;
    height: 100%;
    color: #FFF;
    background: url('/images/irongrip.png');
    background-repeat: repeat;
}

a{
    font-weight: normal;
    text-decoration: none;
}

.panel-principal{
    float: right;
    width: 80%;
    height: 100%;
    background-color: #f9f9f9;  
    background-repeat: repeat;
}

.panel-principal-interior{
    padding-left: 30px;
}

.header-lateral-izq{
    height: 160px;
}

.marco-logo{
    text-align: center;
    margin: auto;
    margin-top: 10px;
}

.marco-logo img{
    padding: 5px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fefefe), color-stop(1, #f1f1f1) );
    background:-moz-linear-gradient( center top, #fefefe 5%, #f1f1f1 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f1f1');
    background-color:#fefefe;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #dcdcdc;
}

.menu-lateral-izq{
    width: 100%;
}

.lista-lateral-izq{
    float: right;
    list-style-type: none;
    width: 100%;
}

.lista-lateral-izq li{
    -moz-box-shadow:inset -4px -3px 0px -50px #aeaeae;
    -webkit-box-shadow:inset -4px -3px 0px -50px #aeaeae;
    box-shadow:inset -4px -3px 0px -50px #aeaeae;
    background:-webkit-gradient( linear, left top, right top, color-stop(0.3, #69be01), color-stop(1, #569c00) );
    background:-moz-linear-gradient( right, #569c00 30%, #69be01 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#69be01', endColorstr='#569c00');  
    background-color:#69be01;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 4px;
    border-top:1px solid #77d900;
    border-left: 1px solid #77d900;
    border-bottom: 1px solid #569c00;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    font-weight: normal;
    margin-bottom: 8px;
    width: 66%;
    float: right;
    text-align: right;
}

.lista-lateral-izq li a{
    color: #fff;
}

.lista-lateral-izq li a:hover {
    padding-right: 10px;
}

.lista-lateral-izq li:active {
    background: #f9f9f9;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.lista-lateral-izq li:active a {
    color: #569c00;
}

#current{
    background: #f9f9f9;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#current a{
    color: #569c00;
}